<template>
    <div class="table">
      <div class="title">表格的封装</div>
      <el-table :data="tableData" border style="width: 100%">
        <el-table-column
          v-for="(item, index) in column"
          :prop="item.props"
          :label="item.label"
        >
        </el-table-column>
        <el-table-column fixed="right" label="操作" width="100">
          <template slot-scope="scope">
            <el-button type="text" size="small">查看</el-button>
            <el-button type="text" size="small">编辑</el-button>
          </template>
        </el-table-column>
        <!-- <el-table-column prop="name" label="姓名" width="120"> </el-table-column> -->
        <!-- <el-table-column prop="province" label="省份" width="120">
        </el-table-column>
        <el-table-column prop="city" label="市区" width="120"> </el-table-column>
        <el-table-column prop="address" label="地址" width="300">
        </el-table-column>
        <el-table-column prop="zip" label="邮编" width="120"> </el-table-column>
        <el-table-column fixed="right" label="操作" width="100">
          <template slot-scope="scope">
            <el-button type="text" size="small">查看</el-button>
            <el-button type="text" size="small">编辑</el-button>
          </template>
        </el-table-column> -->
      </el-table>
    </div>
  </template>
  
  <script>
  export default {
    props:{
        column:{
            type:Array,
            default:() => ([])
        },
        tableData:{
            type:Array,
            default:() => ([])
        }
    },
    data() {
      return {
     
      };
    },
    methods: {},
    created() {},
  };
  </script>
  <style scoped lang="scss">
  .title {
    font-size: 20px;
   text-align: center;
   margin-bottom: 20px;
  }
  </style>
  